@charset "utf-8";
/* CSS Document */ 
/*常用字体备注:"Microsoft YaHei",微软雅黑,Arial*/
div,ul,li,a,img,span,h1,h2,h3,h4,p,input,table,tr,td,th,em,dl,dt,dd,ol,textarea{
margin:0; padding:0; border:none; list-style-type:none; font:14px/24px Arial,"Microsoft YaHei",微软雅黑;font-style:normal;font-weight:normal;color:#333;}
body{ margin:0px;padding:0; font:14px/24px Arial,"Microsoft YaHei",微软雅黑;color:#333; min-width:1100px; width:expression(document.body.clientWidth < 1100? "1100px": "auto" );}

a{ text-decoration:none;font:14px/24px Arial,"Microsoft YaHei",微软雅黑;color:#333;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.tc{ text-align:center}
.lh,.lh *{ line-height:36px}

.pd3{ margin:0 15px}
.nocon{ width: 100%; text-align: center; line-height: 80px; color: #616161;}
.container{ width:1100px;margin:0 auto;overflow:hidden}

/*通用样式start*/

.head .top{ height:107px;background:url(../images/headbg.png) left bottom repeat-x;    background-color: #FFFFFF;}
.head .top .right{ text-align:right;margin-top:15px;}

.head .top .right a img{ margin:0 5px 0 10px;vertical-align:middle}
.head .top .right .cur{ color:#ffa801}

.head .navmenu{ width:100%;height:59px;line-height:59px;background:url(../images/menubg.png) left bottom repeat-x;text-align:center}
.head .navmenu ul.navlist{display:inline-block; *display:inline; *zoom:1;}
.head .navmenu ul.navlist li{ float:left; height:59px; line-height:59px;line-height:59px;}

.head .navmenu ul.navlist li a{line-height:59px;padding:0 50px;display:block;height:59px;}

/*通用样式 end*/

/*首页样式 start*/

/*banner start*/
.main_visual{height:655px;width:100%;margin:0 auto;overflow:hidden;position:relative;}
.main_image{height:655px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:655px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:655px;}
.main_image li span{display:block;width:100%;height:655px}
.main_image li a{display:block;width:100%;height:655px}

#btn_prev,#btn_next{z-index:111;position:absolute;display:block;width:108px!important;height:108px!important;top:50%;margin-top:-54px;background:url(../images/arrow4.png) no-repeat left center;}
#btn_prev{ left:0;}

#btn_prev:hover,#btn_next:hover{background:url(../images/arrow5.png) no-repeat left center;}
#btn_next,#btn_next:hover{ background-position:-108px 0;right:0;}

.banner img{ display:block;width: 100%;}
/*banner end*/

/*首页产品*/
.product{ padding:60px 0;background:#fff8d5}

.intitle{text-align:center;overflow:hidden}
 
.proright ul{ margin: 60px auto;}
.proright ul .list{float:left;width:250px;margin:0px 11px 0px;}
.proright ul li{position:relative;display:block;width:250px;height:200px;display:inline-block;border:1px solid #C0C0C0;overflow:hidden;text-align:center;background:#fff;margin-bottom:10px;}
.proright ul li img{ width: 100%;height: 100%;object-fit: cover;}
.proright ul li .box_title{position:absolute;bottom:-43px;left:1;background-color:#1b2735;width:280px;text-align:center;line-height:41px;color:#FFF;font-size:12px;border-top:1px solid #000;opacity:0.5;}
.proright ul .list .name a{ margin-top:10px;color:#89bb25}
.proright ul .list p{ color:#5f5f5f;height:48px;line-height:24px;overflow:hidden;font-size:12px;margin-bottom:5px;}

.proright ul .list a.more{ border:2px solid #89bb25;padding: 5px 15px;line-height: 30px;}

.proright ul .list:hover a.nametitle{ color:#ffa200;}
.proright ul .list:hover a.more{ color:#fff;border-color:#ffa200;background:#ffa200}

.proright ul li .border_top{position:absolute;height:1px;width:0;font-size:0;background:#7db416;top:0;left:0;
-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.proright ul li .border_right{position:absolute;height:0px;width:1px;font-size:0;background:#7db416;bottom:0;right:0;
-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.proright ul li .border_bottom{position:absolute;height:1px;width:0px;font-size:0;background:#7db416;right:0;bottom:0;
-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.proright ul li .border_left{position:absolute;height:0px;width:1px;font-size:0;background:#7db416;left:0;top:0;
-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.proright .hover .border_top,.proright .hover .border_bottom{width:280px}
.proright .hover .border_left,.proright .hover .border_right{height:250px}

.probottom{ background:#e01f2d;color:#fff;text-align:center;padding:20px 0}
.probottom h3,.probottom p{ font-size:18px;color:#fff;line-height:36px;text-transform:uppercase}
.probottom p{ font-size:14px}

/*首页关于我们*/
ul.menu{ float:right;margin-bottom:10px}
ul.menu li{ float:left}
ul.menu li a{margin:0px 8px; float:right;font-size:16px;padding:5px 20px;color:#545454;border:1px solid #5fb2ff;border-radius:5px;}
ul.menu li a:hover{ background:#5fb2ff;color:#fff}

.index_aboutus{ margin:40px auto 0;background-color: #fffef9;}
.index_aboutus .index_about_title{ background:url(../images/line.png) left center repeat-x}

.index_aboutus .about_contain{ background:url(../images/index_aboutbg.jpg) no-repeat;background-size:100%;margin-top:30px;padding-bottom:40px}

.index_aboutus .about_right{ width:410px;margin-top:60px}

.index_aboutus .about_right p{ line-height:30px;font-size:12px;text-transform:uppercase;color:#fff;margin:10px 0}
.index_aboutus .about_right a{ color:#f8370a;margin-left:20px; line-height: 30px;}

.index_aboutus .about_right .contact_mess img{ vertical-align: middle;
    margin-right: 5px;color:#f8370a}

.index_news{ padding:60px 0;background:#eeffe6;overflow: hidden;}
.index_news ul{ margin:60px auto;}
.index_news ul li{ float:left;width:350px;margin:10px 8px;cursor:pointer}
.index_news .news_btm{ margin-top:15px;display:flex;align-items:center}
.index_news .news_btm .news_left{ background:#3e7807;border:1px solid #346902;padding:5px 10px;border-radius:4px;}
.index_news .news_btm .news_left h3{ color:#fff;text-align:center;}
.index_news .news_btm .news_left h4{ color:#fff;text-align:center}
.index_news .news_btm .news_right{ flex:1;margin-left:10px;color:#346902;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.2;}
.index_news ul li:hover .news_left{ background:#ff9e00;border:1px solid #d88908;}
.index_news ul li:hover .news_right{ color:#ff9e00}

.index_bottom{ padding:55px 0 30px;background-color: #fff9f0;}
.index_bottom .index_contact{ width:400px;}
.index_bottom .index_contact h2{ color:#ff9e00;font-size:18px;}
.index_bottom .index_contact p{ margin:20px 0 30px;}
.index_bottom .index_contact .contact li{ margin-top:20px;}
.index_bottom .index_contact .contact li img{ vertical-align:middle;margin-right:10px;}

.mess{ width:480px;}
.mess h2{  color:#3e7807;font-size:18px;}

.mess .mess_group{ margin-top:20px;overflow: hidden;}

.mess .mess_group input{ border:1px solid #85b855;width:210px;height:30px;line-height:30px;border-radius:3px;padding-left:10px}
.mess .mess_group textarea{ border:1px solid #85b855;width:468px;height:70px;border-radius:3px;padding-left:10px;color: #999;}
.mess .mess_group input.reset{ width:150px;height:40px;line-height:40px;font-size:18px;color:#9c8220;background:#f1db88;cursor:pointer;border:0px;margin-right:15px}
.mess .mess_group input.submit{ width:150px;height:40px;line-height:40px;font-size:18px;color:#3791e4;background:#9dd0ff;cursor:pointer;border:0px}

/*首页页面链接*/


/*内页通用 start*/
.middle{ background:url("../images/neibg.png") left top repeat-y;background-color:#f4fbfc;overflow:hidden;padding-top:15px;}
.middle .title_top{ height:135px;overflow:hidden}
.middle .title_top{ background:url("../images/title_line.png") left 84px repeat-x;}
.middle .title_top .left_type{ width:258px;height:135px; background:url("../images/title_neibg.png") left top no-repeat;position:relative}
.middle .title_top .left_type img{ position:absolute;left:50%;margin-left:-70px;bottom:51px}
.middle .title_top .location{ margin-top: 50px}
.middle .title_top .location a:hover{ color:#2f9bfe}

.main{ margin:30px auto 80px;min-height: 300px;}
.main .top_title{ overflow:hidden;height:65px;line-height:65px;background:#fafafa;border-bottom:1px solid #e8e8e8}
.main .top_title h2{ color:#cd171f;font-weight:bold;padding-left:21px;font-size:16px;overflow: hidden;text-transform:uppercase;line-height: 65px;}
.main .top_title .location{ margin-right:10px;font-size:12px;color:#999999;line-height: 65px;}
.main .top_title .location a{ font-size:12px;color:#999999;line-height: 65px;}
.main .top_title .location a:hover{ color:#c42715}
.main .pageread{ margin-top:20px;margin-bottom:20px}

.inforead{ margin:15px 0}

/*内页通用 end*/

/*单网页 start*/
.pagetext{ width:850px; margin:0 auto}
.con_read{ margin-top:20px}
.con_read *{ font-size:18px;}
/*单网页 end*/
ul.honor_list{ width:820px;margin:0 auto}
ul.honor_list li{float:left;width:220px;height:320px;margin:20px;border:5px solid #e2e2e2}
ul.honor_list li img{ width:100%}
ul.honor_list li:hover{ border-color:#ef523a}

/*新闻页 start*/
ul.newslist{ width:1100px; margin:0 auto;}
ul.newslist li{ border:1px solid #daebae;overflow:hidden;height:150px;padding:15px;-webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;cursor:pointer;margin-bottom:30px;}
ul.newslist li img{ width:350px;height:150px;}
ul.newslist li .n_right{ width:700px}
ul.newslist li .n_right p{ height:60px;line-height:30px;overflow:hidden}
ul.newslist li h4{height:40px;line-height:40px;width:100%;overflow:hidden; display:inline-block;text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;text-align:left}
ul.newslist li span{ line-height:40px;}

ul.newslist li:hover{ background:#f8b551;border-color:#f8b551;color:#fff}
ul.newslist li:hover *{ color:#fff;}

.page_news_title { overflow:hidden;padding-bottom:5px;text-align:center;border-bottom: 1px solid #e6e6e6;margin-bottom:15px;}
.page_news_title h1{ font-size:18px;}
/*新闻页 end*/

/*商品页 start*/
.product_list{ width:1100px;margin:0 auto}
.product_list li{ float: left; width:220px; height:220px; margin:19px;overflow:hidden; border:8px solid #daebae;text-align:center;border-radius:50%;position:relative}

.product_list li img{ width:220px; height:220px;}
.product_list li a.protitle{ width:220px; height:220px; background-color:#00a0e9;position:absolute;top:0px;left:0px;opacity:0.5;display:none;}
.ptitle{ width:220px; height:220px;line-height:220px; position:absolute;top:0px;left:0px;display:none;color:#e7e8ec;font-size:18px;}
.product_list li:hover{ border-color:#e8f2cc;}
.product_list li:hover a.protitle,.product_list li:hover a.ptitle{ display:block}


.similar h2{ font-size:14px;margin:30px 0 10px;display:inline-block;height: 24px;padding: 3px 12px 3px;background: #8dd029;overflow: hidden;font-weight: bold;color:#fff;}
.similar #ipo_box1 {width:900px;height:190px;overflow:hidden;position:relative;margin-bottom:20px}
.similar #ipo_box1 ul {position:absolute;left:0px;top:10px;}
.similar #ipo_box1 ul li {width:160px;height:180px;float:left;text-align:center;list-style:none;margin:0 10px}
.similar .iprolist {width:160px;height:160px;}
.similar .iprolist_box {width:160px;height:160px;position:absolute;z-index:99;}
.similar .iprolist_box a {display:inline-block;width:160px;height:160px;}
.similar .iprolist_img {width:160px;height:160px;border:1px solid #C0BCBC;}
.similar .iprolist_img img {width:160px;height:160px;}
.similar .iprolist_name {text-align:center;}

.page_text{ width:900px;margin:0 auto;}

#page {
background: url(../images/pagebg.png) center no-repeat;
height: 30px;
line-height: 30px;
margin: 40px 0;
text-align: center;
}

#page a,#page span{
display: inline-block;
padding: 5px 12px 0;
position: relative;
top: -3px;
color:#777777;
}
#page a.active {
/*background: url(../images/pages.jpg) no-repeat;*/
color: red;
}
#page span.all{ display:none}
#page span.pageindex{ display:none}
/*商品页 end*/


/*底部 start*/
.footer{ width:100%; background:url(../images/footerbg.png) left top repeat-x;padding-top:52px;color:#fff;}
.footer *{ color:#fff}
.footer .footer_top{ background:#5fb2ff;padding-bottom:20px}
.footer .footer_top h2{ font-size:18px;margin:20px 0}
.footer .footer_top ul li{ float:left;padding-right:5px;}

.footer_bottom{ background:#1e7fda;padding:20px 0;overflow: hidden;}
.footer_bottom a{ margin-right:10px;}
/*底部 end*/